<!-- 系统消息页面 -->
<template>
	<view class="systemlist">
		<view class="listcard" v-for="(item,index) in systemList" :key="index" @click="systemclick(index)">
			<!-- 消息标题 -->
			<view class="title">
				<text>{{item.title}}</text>
			</view>
			<!-- 是否已读标记 -->
			<view class="flgae" v-if="! item.read">
			</view> 
			<!-- 系统内容 -->
			<view class="content">
				<text>{{item.content}}</text>
			</view>
			<view class="issueUser">
				<text>{{item.issueUserName}}</text>
			</view>
			<view class="createTime">
				<text>{{item.createTime}}</text> 
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				systemList:[],
			}
		},
		onLoad(options) {
			var list = JSON.parse(options.system)
			this.systemList = list
			console.log(this.systemList)
		},
		methods:{
			systemclick(index){
				console.log(index)
				var data = {}//传递的数据
				//标记点击的为已读
				for(var i = 0;i< this.systemList.length;i++){
					if(i == index){
						data= this.systemList[i]
						if( this.systemList[i].read == false){
							this.systemList[i].read = true
							var T = uni.getStorageSync("tabbar")
							uni.setStorageSync("tabbar", T - 1)
						}
					}
				}
				uni.setStorageSync("system",JSON.stringify(this.systemList))
				//设置tabbar
				var num = uni.getStorageSync("tabbar")
				if(num <= 0){
					uni.removeTabBarBadge({
						index:1 
					})
				}
				uni.setTabBarBadge({ //显示数字
					index: 1, //tabbar下标
					text: ""+ num,//数字
					success() {
					},
					fail(e){ 
					}
				})
				//跳转页面
				uni.navigateTo({
					url:"/systemMessage/systeminfo"+"?systeminfo="+JSON.stringify(data)
				})
			},
		},
	}
</script>

<style>
	@import url("../static/css/componentsCss/systemmessage/systemMessage.css");
</style>